<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>会员管理</title>
    <meta name="author" content="SuggeElson"/>
    <meta name="description"
          content="Ycode admin template - new premium responsive admin template. This template is designed to help you build the site administration without losing valuable time.Template contains all the important functions which must have one backend system.Build on great twitter boostrap framework"/>
    <meta name="keywords"
          content="admin, admin template, admin theme, responsive, responsive admin, responsive admin template, responsive theme, themeforest, 960 grid system, grid, grid theme, liquid, masonry, jquery, administration, administration template, administration theme, mobile, touch , responsive layout, boostrap, twitter boostrap"/>
    <meta name="application-name" content="Ycode admin template"/>

    <!-- Mobile Specific Metas -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

    <!-- Core stylesheets do not remove -->
    <link  th:href="@{/lib/css/bootstrap/bootstrap.min.css}" rel="stylesheet" type="text/css"/>
    <link  th:href="@{/lib/css/bootstrap/bootstrap-responsive.min.css}" rel="stylesheet" type="text/css"/>
    <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet">
    <link rel="stylesheet" href="../../static/lib/css/datapicker/daterangepicker-bs3.css" th:href="@{/lib/css/datapicker/daterangepicker-bs3.css}"/>
    <link  th:href="@{/lib/css/supr-theme/jquery.ui.supr.css}" rel="stylesheet" type="text/css"/>
    <link  th:href="@{/lib/css/icons.css}" rel="stylesheet" type="text/css"/>

    <!-- Plugin stylesheets -->
    <link  th:href="@{/lib/plugins/misc/qtip/jquery.qtip.css}" rel="stylesheet" type="text/css"/>
    <link  th:href="@{/lib/plugins/forms/uniform/uniform.default.css}" type="text/css" rel="stylesheet"/>
    <link  th:href="@{/lib/plugins/tables/dataTables/jquery.dataTables.css}" type="text/css" rel="stylesheet"/>

    <!-- Main stylesheets -->
    <link  th:href="@{/lib/css/main.css}" rel="stylesheet" type="text/css"/>

    <!-- Custom stylesheets ( Put your own changes here ) -->
    <link  th:href="@{/lib/css/custom.css}" rel="stylesheet" type="text/css"/>

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le fav and touch icons -->
    <link rel="shortcut icon"   th:href="@{/lib/images/favicon.ico}"/>
    <link rel="apple-touch-icon-precomposed" sizes="144x144"  th:href="@{/lib/images/apple-touch-icon-144-precomposed.png}"/>
    <link rel="apple-touch-icon-precomposed" sizes="114x114"  th:href="@{/lib/images/apple-touch-icon-114-precomposed.png}"/>
    <link rel="apple-touch-icon-precomposed" sizes="72x72"  th:href="@{/lib/images/apple-touch-icon-72-precomposed.png}"/>
    <link rel="apple-touch-icon-precomposed"  th:href="@{/lib/images/apple-touch-icon-57-precomposed.png}"/>
    <style type="text/css">

    </style>

    <script type="text/javascript">
        //adding load class to body and hide page
        document.documentElement.className += 'loadstate';

    </script>

</head>

<body>
<div th:replace="fragments/header :: header"></div>
<div id="wrapper">
    <div th:replace="fragments/siderBar :: siderBar"></div>
    <!--Body content-->
    <div id="content" class="clearfix">
        <div class="contentwrapper"><!--Content wrapper-->

            <div class="heading">

                <h3>会员管理</h3>

            </div><!-- End .heading-->

            <div class="row-fluid">

                <div class="span12">

                    <div class="box gradient p-rel">
                        <div class="title">
                            <h4>
                                <span>会员列表</span>
                            </h4>
                        </div>
                        <div class="content noPad clearfix">
                            <div id="DataTables_Table_0_wrapper" class="dataTables_wrapper" role="grid">
                                <table class="attr-table mt20">
                                    <input id="areaId" type="hidden" value="440100">
                                    <tbody><tr>
                                        <td>
                                            <label class="control-label">账号:</label>
                                            <input id="username" type="text">
                                        </td>
                                        <td>
                                            <label class="control-label">状态:</label>
                                            <div class="dropdown-select fl">
                                                <input class="dropdown-toggle" data-toggle="dropdown" id="state" readonly="" type="text" value="全部"><span class="caret"></span>
                                                <ul aria-labelledby="dropdownMenu" class="dropdown-menu" id="statusList" role="menu">
                                                    <li data=""><a href="#" tabindex="-1">全部</a></li>
                                                    <li data="0"><a href="#" tabindex="-1">启用</a></li>
                                                    <li data="1"><a href="#" tabindex="-1">禁用</a></li>
                                                </ul>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <label class="control-label">
                                                注册时间:
                                            </label>
                                            <input class="form-control active" id="searchTimeRange" readonly="" type="text">
                                            <input id="startDate" name="startDate" type="hidden">
                                            <input id="endDate" name="endDate" type="hidden">
                                        </td>
                                        <td class="clearfix">
                                            <button class="query-btn fl" id="searchBtn" type="button">查询</button>
                                            <button class="query-btn fl" id="reset" type="button" style="margin-left:25px;">重置</button>
                                        </td>
                                    </tr>
                                    </tbody></table>
                                <div id="userList">

                                </div>
                                <div align="right" class="page" id="pageD"></div>
                            </div>
                        </div>
                        <div id="myModal" class="modal hide fade" style="display: block;" aria-hidden="true">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal"><span
                                            class="icon12 minia-icon-close"></span></button>
                                    <h3>系统提示</h3>
                                </div>
                                <div class="modal-body">
                                    <p>确定要删除吗？</p>
                                </div>

                                <div class="modal-footer">
                                    <a href="#" class="btn" data-dismiss="modal">取消</a>
                                    <a href="#" class="btn btn-danger">确认</a>
                                </div>
                            </div>
                    </div><!-- End .box -->

                </div><!-- End .span12 -->

            </div><!-- End .row-fluid -->


        </div><!-- End contentwrapper -->
    </div><!-- End #content -->

</div><!-- End #wrapper -->

<!-- Le javascript
================================================== -->
<!-- Important plugins put in all pages -->
<script type="text/javascript"  th:src="@{/lib/js/jquery.min.js}"></script>
<script type="text/javascript"  th:src="@{/lib/js/bootstrap/bootstrap.js}"></script>
<script type="text/javascript"  th:src="@{/lib/js/jquery.cookie.js}"></script>
<script type="text/javascript"  th:src="@{/lib/js/jquery.mousewheel.js}"></script>
<!-- Charts plugins -->
<script type="text/javascript" src="plugins/charts/sparkline/jquery.sparkline.min.js" th:src="@{/lib/plugins/charts/sparkline/jquery.sparkline.min.js}"></script><!-- Sparkline plugin -->
<!-- Misc plugins -->
<script type="text/javascript"  th:src="@{/lib/plugins/misc/qtip/jquery.qtip.min.js}"></script><!-- Custom tooltip plugin -->
<script type="text/javascript"  th:src="@{/lib/plugins/misc/totop/jquery.ui.totop.min.js}"></script>
<!-- Search plugin -->
<script type="text/javascript"  th:src="@{/lib/plugins/misc/search/tipuesearch_set.js}"></script>
<script type="text/javascript"  th:src="@{/lib/plugins/misc/search/tipuesearch_data.js}"></script><!-- JSON for searched results -->
<script type="text/javascript"  th:src="@{/lib/plugins/misc/search/tipuesearch.js}"></script>
<!-- Form plugins -->
<script type="text/javascript"  th:src="@{/lib/plugins/forms/watermark/jquery.watermark.min.js}"></script>
<script type="text/javascript"  th:src="@{/lib/plugins/forms/uniform/jquery.uniform.min.js}"></script>
<!-- Fix plugins -->
<!--<script type="text/javascript"  th:src="@{/lib/plugins/fix/ios-fix/ios-orientationchange-fix.js}"></script>-->
<!-- Table plugins -->
<script type="text/javascript"  th:src="@{/lib/plugins/tables/dataTables/jquery.dataTables.min.js}"></script>
<script type="text/javascript"  th:src="@{/lib/plugins/tables/responsive-tables/responsive-tables.js}"></script>
<!-- Make tables responsive -->
<!-- Important Place before main.js  -->
<script type="text/javascript"  th:src="@{/lib/js/jquery-ui.min.js}"></script>
<!--<script type="text/javascript"  th:src="@{/lib/plugins/fix/touch-punch/jquery.ui.touch-punch.min.js}"></script>-->
<!-- Unable touch for JQueryUI -->
<!-- Init plugins -->
<script type="text/javascript" th:src="@{/lib/plugins/forms/validate/jquery.validate.min.js}"></script>
<script type="text/javascript"  th:src="@{/lib/js/main.js}"></script><!-- Core js functions -->
<script type="text/javascript"  th:src="@{/lib/js/datatable.js}"></script><!-- Init plugins only for page -->
<script type="text/javascript" src="../../static/lib/layPage/laypage.js" th:src="@{/lib/layPage/laypage.js}"></script>
<script type="text/javascript" src="../../static/lib/layer/layer.js" th:src="@{/lib/layer/layer.js}"></script>
<script type="text/javascript" src="../../static/lib/js/commonAjax.js" th:src="@{/lib/js/commonAjax.js}"></script>
<script src="../../static/lib/dataPicker/moment.js" th:src="@{/lib/dataPicker/moment.js}"></script>
<script src="../../static/lib/dataPicker/daterangepicker.js" th:src="@{/lib/dataPicker/daterangepicker.js}"></script>
<script src="../../static/js/user/userList.js" th:src="@{/js/user/userList.js}"></script>
<script th:replace="fragments/siderBar-router :: siderBar"></script>
<script th:replace="fragments/login-filter :: header"></script>
<script type="application/javascript">
    $(document).ready(function(){
     new userList();

    });

</script>

</body>
</html>
